<template>
  <div class="page">
    <h3>时间选择</h3>
    <DatePicker />

    <hr>
    <h3>字段面板</h3>
    <Dict />

    <hr>

    <h3>展开子行</h3>
    <ExpandTable />

    <hr>

    <h3>排序</h3>
    <SorterTable />

    <a-button type="primary" @click="visible = true">
      Open Modal
    </a-button>
    <a-modal v-model="visible" title="Basic Modal" @ok="visible = false">
      <p>Some contents...</p>
      <p>Some contents...</p>
      <p>Some contents...</p>
    </a-modal>
  </div>
</template>

<script>
import Dict from '../../components/Dict'
import ExpandTable from '../../components/ExpandTable'
import SorterTable from '../../components/SorterTable'
import DatePicker from '../../components/DatePicker'
export default {
  components: { Dict, ExpandTable, SorterTable, DatePicker },
  data () {
    return {
      visible: false
    }
  }
}
</script>

<style lang="less" scoped>
.page {
  background-color: #fff;
}
</style>